<template>
  <h3>popconfirm 组件示例</h3>
  <f-popconfirm
    title="Are you sure delete this task?"
  >
    <a href="#" class="ml10">AAA</a>
  </f-popconfirm>
  <f-popconfirm
    title="BBBBBBBBBBBBBB?"
  >
    <a href="#" class="ml10">BBBB</a>
  </f-popconfirm>
  <f-popconfirm title="CCCCCCCCCCCCCCC?">
    <a href="#" class="ml10">CCCC</a>
  </f-popconfirm>
  <hr />
  <f-tooltip title="AAAAAAAAA?">
    <a href="#" class="ml10">AAAAAA</a>
  </f-tooltip>
  <f-tooltip title="BBBBBBB?">
    <a href="#" class="ml10">BBB</a>
  </f-tooltip>
  <f-tooltip title="CCCCCCCCCCCCCC?">
    <a href="#" class="ml10">CCC</a>
  </f-tooltip>
  <hr />
  <f-popover title="a?" content="AAAAAAAAAAA">
    <a href="#" class="ml10">AAAAAA</a>
  </f-popover>
  <f-popover title="b?" content="BBBBBBBBBBBBBB">
    <a href="#" class="ml10">BBB</a>
  </f-popover>
  <f-popover title="c?" content="CCCCCCCCCCCCCC">
    <a href="#" class="ml10">CCC</a>
  </f-popover>
</template>

<script setup>

</script>

<style lang="scss">

</style>
